﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FindTrain.aspx.cs" Inherits="RailwayReservationSystem.Client.FindTrain" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Index - Indian Railways System</title>
    <link rel="SHORTCUT ICON" href="../Image/Design/1336449907_Online cube.png" >
    <link href="../CSS/cangiua.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/style.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/index.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/FindTrain.css" rel="stylesheet" type="text/css" />

    <link href="../CSS/jquery-ui-1.8.20.custom.css" rel="stylesheet" type="text/css" />
    <script src="../Js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../Js/jquery-ui-1.8.20.custom.min.js"  type="text/javascript"></script> 
    <script >
        $(function () {
            $("#txtDate").datepicker();
        });

        $(function () {
            $("#datepicker2").datepicker();
        });

        $(document).ready(function () {
            $("#RadioButton1").click(function () {
                $("#ReturnDate").removeClass("visible").addClass("hidden");
            });
        });

        $(document).ready(function () {
            $("#RadioButton2").click(function () {
                $("#ReturnDate").removeClass("hidden").addClass("visible");
            });
        });

    </script>
    <style type="text/css">
        .visible
        {
            display: block;
        }
        
        .hidden
        {
            display: none;
        }
        
        .style1
        {
            color: #990000;
            font-weight: bold;
        }
        .style3
        {
            width: 434px;
        }
        .style4
        {
        }
        .style5
        {
        }
        .style6
        {
            width: 117px;
        }
        .style7
        {
            width: 167px;
        }
    </style>

</head>
<body id="contentweb">
    <form id="form1" runat="server">
    <div>
        <div id="banner">
            <img src="../Image/Design/Banner.jpg">
        </div>
        <!--End banner-->
        <div id="menutop">
            <div id="container">
                <ul>
                    <li><a href="">Reservation &darr;</a>
                        <ul>
                            <li><a href="">Selection Reservation</a></li>
                            <li><a href="">Auto Reservation</a></li>
                            <li><a href="">Search</a></li>
                        </ul>
                    </li>
                    <li><a href="">Search &darr;</a>
                        <ul>
                            <li><a href="">Train Time Movement</a></li>
                            <li><a href="">Table Price</a></li>
                            <li><a href="">Train Map</a></li>
                            <li><a href="">Address</a></li>
                            <li><a href="">Payment</a></li>
                        </ul>
                    </li>
                    <li><a href="">Instruction &darr;</a>
                        <ul>
                            <li><a href="">Selection Reservation</a></li>
                            <li><a href="">Auto Reservation</a></li>
                            <li><a href="">Search</a></li>
                            <li><a href="">Payment</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            &nbsp;&nbsp;</ul>
                    </li>
                </ul>
            </div>
            <!--End #container-->
        </div>
        <!--End #menutop-->


        <div id="content">

            <div id="index-scroll">
                <marquee>  
                    * Passenger&#8217;s valid mobile number should be mentioned on the ticket - as per IRCTC Guidelines.  * Student Identity Card with photograph issued by recognized School / College for their students and Nationalised Bank Passbook with photograph will also be accepted as proof for travelling on etickets w.e.f 15-Jun-2010.
                </marquee>
            </div>

  




      <div class="boxLBot">
            <div class="boxHead">
                <div class="">
                    <h1 id="HeaderRounte" runat="server">
                
                    </h1>
                </div>
            </div>
    
            <div id="MainIn1" class="clearfix box_M" style="display: block; ">
                <div style="padding-left: 1px; border-bottom: #ccc 1px solid; border-left: #A5A5A5 1px solid; border-right: #A5A5A5 1px solid; background-color: #FFFFDE;">
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <div style="color:#11488a; font-weight:bold; float:left; padding:5px 12px 5px 12px; margin:0;">
                                        From Station<br />
                                        <asp:DropDownList ID="ddlFrom" runat="server">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                                <td>
                                    <div style="color:#11488a; font-weight:bold; float:left; padding:5px 12px 5px 12px; margin:0;">
                                        To Station<br />
                                        <asp:DropDownList ID="ddlTo" runat="server" >
                                        </asp:DropDownList>    
                                    </div>
                                </td>
                                <td>
                                    <div style="color:#11488a; font-weight:bold; float:left; padding:5px 12px 5px 12px; margin:0;">
                                        Type Class<br />
                                        <asp:DropDownList ID="ddlCoachType" runat="server" >                        
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
        
                <div id="ColumnLeft" style="width: 17%;">
                            <div class="clearfix" style="padding-left: 1px; border-bottom: #ccc 1px solid;" id="divLoadingPanal">
                                <h4 style="color: #628012; cursor: pointer; background-color: #FFF;">
                                    <img src="../Image/Design/loading1.gif"/></h4>
                            
                            </div>
                            <div style="padding-left: 1px; border-bottom: #ccc 1px solid">
                                <h4 style="padding-left: 32px;">
                                    <strong id="Noofbus">
                                        <asp:Label ID="lbQuantiy" runat="server" Text="" Font-Size="Large"></asp:Label>
                                    </strong>&nbsp; Train showing</h4>
                            </div>
                        
                        </div>
                <div id="ColumnRight" style="width: 80%; float: right">
                    <div style="border-left: solid 1px #CCC; padding-top: 10px">         
                        <div id="Caption" style="float: none; border-top: #d2d2d2 1px solid;">
                          <a href="FindTrain.aspx?action=Previous&date=<%=Session["Date"] %>" id="hlkPrevious" class="left" title="See train"><strong>&lt; Previous day</strong></a>
                          <a href="FindTrain.aspx?action=Next&date=<%=Session["Date"] %>" id="hlkNext" class="right" title="See train"><strong>Next day &gt;</strong></a>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="clear"></div>
                       <div id="pnlBusResultsList">
                              <asp:GridView ID="gvSchedule" runat="server" CssClass="TblM" 
                                AutoGenerateColumns="False" Height="119px" Width="746px" GridLines="None"
                                AllowPaging="True">
                                <Columns>
                                    <asp:TemplateField>
                                        <HeaderTemplate> Schedule </HeaderTemplate>
                                        <ItemTemplate>
                                            <asp:HyperLink ID="hlScheduleID" runat="server" NavigateUrl='<%#Eval("ScheduleID","FindTrain.aspx?ScheduleID={0}") %>' 
                                                Text='[Detail]'></asp:HyperLink>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:BoundField HeaderText="Train" DataField="TrainID"></asp:BoundField>
                                    <asp:BoundField DataField="FromStationName" HeaderText="From Station" SortExpression="FromStationName" />
                                    <asp:BoundField DataField="ToStationName" HeaderText="To Station" SortExpression="ToStationName" />
                                    <asp:BoundField HeaderText="FromTime" DataField="StartDate"></asp:BoundField>
                                    <asp:BoundField DataField="EndDate" HeaderText="To Time" ></asp:BoundField>
                                    <asp:TemplateField>
                                        <HeaderTemplate> Action </HeaderTemplate>
                                        <ItemTemplate>
                                           <asp:HyperLink ID="hlBook" runat="server" Text="[BOOK]" ImageUrl="~/Images/btn-book.gif" NavigateUrl='<%#Eval("ScheduleID","BookTicket.aspx?ScheduleID={0}") %>'></asp:HyperLink>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                                </asp:GridView>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div id="TB_window" runat="server" class="TB_window">
            <div id="TB_title">
                <div id="TB_ajaxWindowTitle">Schedule Details</div>
                <div id="TB_closeAjaxWindow">
                    <a href="#" id="TB_closeWindowButton" onclick="document.getElementById('<%=TB_window.ClientID %>').style.display = 'none';">Close </a> or Esc Key
                </div>
            </div>
            <div id="TB_ajaxContent" style="width:700px;height:395px;">
            
                <div>
                    <asp:GridView ID="gvScheduleDetail" CssClass="gvScheduleDetail list" runat="server" 
                        CellPadding="4" ForeColor="#333333" Width="650px" GridLines="None">
                        <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                    
                        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                        <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <EditRowStyle BackColor="#999999" />
                        <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                    </asp:GridView>
                </div>
            </div>
        </div>



















            <div id="footerweb">
                Copyright © 2012 Company Indian Railways Reservation Tickets.
            </div>
            <!--End #footerweb-->
        </div>
        <!--End #content-->
    </div>
    </form>
</body>
</html>
